<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
	<title>jfJQMToolbar Example</title>
	<link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
	<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
  
  
  <script src="toolbar.js"></script>
  <link rel="stylesheet" href="toolbar.css" />
</head> 
<body> 
<div data-role="page" data-theme="d">
  <div data-role="header">
    <h1>jfJQMToolbar Example</h1>
  
    <div class="jfJQMToolbar">
      <div class="enabler"></div>
      <ul class="content">
        <li><a class="zoom zoomIn" title="<?php echo __('Zoom in', null, 'jfPDExtensionToolbar') ?>" href="javascript:;"></a></li>
        <li><a class="zoom zoomOut" title="<?php echo __('Zoom out', null, 'jfPDExtensionToolbar') ?>" href="javascript:;"></a></li>
        <li><a class="twitter" target="_blank" href="http://twitter.com/home?status=<?php echo urlencode(__('Currently reading %url%', array('%url%' => $url), 'jfPDExtensionToolbar')) ?>" title="<?php echo __('Share on twitter', null, 'jfPDExtensionToolbar') ?>"></a></li>
        <li><a class="facebook" target="_blank" href="http://www.facebook.com/sharer.php?u=<?php echo urlencode($url) ?>&x=y&t=<?php echo __('Currently reading %title%', array('%title%' => $title), 'jfPDExtensionToolbar') ?>" title="<?php echo __('Share on Facebook', null, 'jfPDExtensionToolbar') ?>"></a></li>
        <li><a class="mail" href="mailto:?subject=<?php echo __('Recommendation: %title%', array('%title%' => $title), 'jfPDExtensionToolbar') ?>&body=<?php echo __('emailBody', array('%url%' => urlencode($url)), 'jfPDExtensionToolbar') ?>" title="<?php echo __('Share via email', null, 'jfPDExtensionToolbar') ?>"></a></li>
        <li><a class="reload" title="<?php echo __('Reload', null, 'jfPDExtensionToolbar') ?>" href="javascript:;"></a></li>
      </ul>
    </div>
  </div>
  
  <div data-role="content">
    <h1>Looking for the toolbar?</h1>
    <p>You can find the toolbar on the right hand side in the header</p>
  
    <h1>Paragraph 2</h1>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    
    <h1>Paragraph 3</h1>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
  </div>

  <div data-role="footer">
    <nav data-role="navbar">
      <ul>
        <li><a href="http://jonasfischer.net" data-rel="external">Jonas Fischer</a></li>
        <li><a href="http://jnotes.jonasfischer.net" data-rel="external">jNotes</a></li>
        <li><a href="http://jquerymobile.com" data-rel="external">jQueryMobile</a></li>
  </div>
  
</div>
</body>
</html>